/* !READ ME: THis CSS file adds Style to the FastPass screens. This is a 3ed party implementation.  */

/* (Note) : Please note that this style sheet has numerous class edits. Typically, one might define a single style set per class or ID,
            but in this case, we cannot adhere strictly to that principle. The goal is to augment existing FastPass styles without deletions,
            leading to multiple styles for some selectors as required by the project's unique constraints.
*/

/* ? (t) Import Start */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* ? (t) Import End */

/* ? (t) Start of Theme */

:root {
  /* Background gradient for screens */
  --screen-bg: linear-gradient(
    to bottom,
    rgb(221, 221, 221),
    rgb(192, 192, 191)
  );

  /* Default font family */
  --font-family: "Poppins", sans-serif;
  /* Default font weight */

  --font-color: #1b1d21;
  --detail-font-color: #44484a;

  /* Primary button background color */
  --p-btn-bg-color: #003B6F;
  /* Primary button text color */
  --btn-hover-color: white;
  /* Primary button border color */
  /* Background color for bordered buttons */
  --button-bordered-bg: rgb(238, 238, 238);
}

/* ? (t) End of Theme */

/* ? (t) Help Desk text sizing components Start */

#ctl00_ddLanguage {
    font-size: 11px !important;
    font-weight: bold !important;
    font-family: var(--font-family) !important;
}

#ctl00_labelApplicationTitle {
    font-weight: 400 !important;
    font-size: 1.125em !important;
    line-height: normal;
    text-transform: uppercase;
}

#ctl00_labelSolutionTitle {
    font-size: 0.875em !important;
    font-weight: 700 !important;
}

form[action="./Default.aspx"] #ctl00_ContentPlaceHolder1_labIntroduction,
.masterpage-menutable-row {
    font-size: 0.875em !important;
    font-weight: 400 !important;
    color: var(--detail-font-color) !important;
}

.masterpage-menutable-headerrow {
    font-size: 1em !important;
    font-weight: 620 !important;
    font-family: var(--font-family) !important;
    text-align: center;
    color: white;
}

form[action="./IdentifyUser.aspx"] #ctl00_HelpDeskClientMenu1TableR03C01 a:link,
form[action="./AuthenticatePassword.aspx"]  #ctl00_HelpDeskClientMenu1TableR03C01  a:link,
form[action="./HDC_IdentifyClientUser.aspx"]  #ctl00_HelpDeskClientMenu1TableR02C01  a:link {
    color: var(--p-btn-bg-color) !important;
    font-weight: 600;
    &: :before{
    color: var(--p-btn-bg-color) !important;
}

}td {
    font-family: var(--font-family) !important;
    font-size: 1em !important;
}

#ctl00_ContentPlaceHolder1_GridView1 td {
    font-size: 1.2em !important;
    font-weight: 400;
    color: var(--detail-font-color);
}

#subPageUserInfoR00C00TableR00C00 {
    font-weight: 400 !important;
    font-size: 1em !important;
    line-height: 1.5;
    color: var(--font-color) !important;
}

[id*="subPageUserInfoR00C00TableR"] td:first-of-type {
    font-size: 0.875em !important;
    font-weight: 400 !important;
    color: var(--font-color) !important;
}

[id*="subPageUserInfoR00C00TableR"] td:last-of-type {
    font-size: 0.875em !important;
    font-weight: 400;
    color: var(--detail-font-color);
}

tr:has([id*="subPageContentR00C00TableR"]) td:first-of-type {
    font-size: 12px !important;
    font-weight: 400 !important ;
    color: var(--font-color) !important;
}

tr:has([id*="subPageContentR00C00TableR"]) td:last-of-type {
    color: var(--detail-font-color);
}

tr:has([id*="subPageContentR00C00TableR"]) td:last-of-type select option {
    font-size: 12px !important ;
    font-weight: 400 !important ;
    color: var(--font-color) !important;
    font-family: var(--font-family) !important;
}

td[id*="C01"] {
    font-weight: 400 !important;
}

.control-label {
    font-size: 0.875em !important;
    font-weight: 500 !important;
    font-family: var(--font-family) !important;
}

#dvDetailsUserInfo input {
    color: var(--detail-font-color) !important;
    font-family: var(--font-family) !important;
    font-size: 13px;
    line-height: 1.3em;
    letter-spacing: 0px;
    font-weight: 500;
}

#dvDetailsUserInfo input:focus {
    color: White !important;
}

#ctl00_ContentPlaceHolder1_labHeadingStep {
    font-size: 1.125em !important;
    font-weight: 500 !important;
    font-family: var(--font-family) !important;
}

form[action="./HDC_IdentifyClientUser.aspx"]  #ctl00_ContentPlaceHolder1_labHeadingStep,
form[action="./IdentifyUser.aspx"] #ctl00_ContentPlaceHolder1_labHeadingStep,
form[action="./AuthenticatePassword.aspx"]  #ctl00_ContentPlaceHolder1_labHeadingStep {
    font-size: 0.9em !important;
    font-weight: 500 !important;
    color: var(--font-color) !important;
    font-family: var(--font-family) !important;
}

/* ? (t) Help Desk text sizing components End */

/* ? (t) Font Faces Start */

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.eot);
  src: url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.eot?#iefix)
      format("embedded-opentype"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.woff2)
      format("woff2"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.woff)
      format("woff"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.ttf)
      format("truetype"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
      format("svg");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/fa-solid-900.woff2)
      format("woff2"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/fa-solid-900.ttf)
      format("truetype");
}

@font-face {
  font-family: "Custom";
  font-display: block;
  src: url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/Custom-Icons.woff)
      format("woff"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/Custom-Icons.ttf)
      format("truetype");
}

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/bootstrap-icons.woff2)
      format("woff2"),
    url(/FastPassCorp/skins/CustomFiles/AddorRemoveStyling/fonts/bootstrap-icons.woff)
      format("woff");
}

/* ? (t) Font Faces end */

/* ! ----------------------------------- From here on down wont be effected by Themes ------------------- */

/* ? ----------------------------------- Changes Applicable to All Screens ------------------------------ */

/* info Changes will apply to all screens */
*[style*="visibility:hidden;"] {
  display: none !important;
}

a {
  width: -webkit-fill-available !important;
  display: block !important;
}

body {
  background: var(--screen-bg) !important;
  min-height: 100vh !important;
  min-height: -webkit-fill-available;
  font-family: var(--font-family) !important;
  font-weight: var(--font-weight) !important;
  font-size: var(--font-size) !important;
  color: var(--font-color);
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding-top: 40px !important;
}

.alert-introduction {
  background-color: var(--intro-block-bg-color) !important;
  border: revert !important;
  padding: 0px !important;
  margin: 0px !important;
  min-height: fit-content !important;
}

/* ::-webkit-scrollbar {
  width: 5px !important;
  display: none !important;

} */

::-webkit-scrollbar-thumb {
  background: var(--p-btn-bg-color) !important;
  border-radius: 4px;
}

/* #masterpageMainInnerContent ::-moz-scrollbar {
  display: none;
}

#masterpageMainInnerContent {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent; 
} */

/* ? ----------------------------------- MyPass Default Style Reset & Customizations -------------------- */

/* info deleted CSS & reformat */
.masterpage-header,
.masterpage-header-left,
.masterpage-header-center,
.masterpage-header-right,
.masterpage-pageheader,
.masterpage-pageheader-left,
.masterpage-pageheader-center,
.masterpage-pageheader-center,
.masterpage-pageheader-right,
.masterpage-organizationlogo-outerdiv,
.masterpage-content-left,
.masterpage-content-right,
.masterpage-content,
p,
span,
td,
tr,
th,
table,
thead,
tbody,
.masterpage-menupanel,
.masterpage-menutable-row a:link,
.masterpage-menutable-row,
table#subPageUserInfoR00C00Table,
tr#subPageUserInfoR00C00TableR00,
* {
  all: revert;
}

.masterpage-organizationlogo-image,
.masterpage-solutiontitle-outerdiv,
.masterpage-applicationtitle-outerdiv {
  all: revert !important;
}

#ctl00_divLanguage {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.masterpage-pageheader div:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
}

#SolutionTitle,
#ApplicationTitle {
  padding-right: 20px;
}

.wizard-button-content-detailtext p {
  height: revert;
  min-height: revert;
  max-height: revert;
}

.wizard-button-content-warningtext {
  min-height: revert;
  max-height: revert;
}
.wizard-button-content {
  min-height: revert;
}

.content__main-link p,
.content__main-link h2 {
  margin: 0;
}

.wizard-button-content-warningtext {
  min-height: revert;
  max-height: revert;
}

.masterpage-header-center-outer {
  position: relative !important;
}

.masterpage-atsupport-outerdiv {
  display: none;
}

div:has(.masterpage-content) {
  top: revert !important;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.masterpage-content-center {
  position: revert !important;
  min-width: revert !important;
  max-width: revert !important;
}
.masterpage-content-center-outer {
  padding-left: revert !important;
  padding-right: revert !important;
  width: 900px;
}
.container-fluid {
  width: 900px;
}

.masterpage-menupanel {
  box-sizing: border-box;
  padding-bottom: 100px !important;
  min-height: revert !important;
  height: revert !important;
}

#masterpageMain div {
  width: revert;
}

.container {
  padding-left: revert !important;
  padding-right: revert !important;
}

#ctl00_ContentPlaceHolder1_normalpage_container {
  padding: 10px !important;
}

#ctl00_ContentPlaceHolder1_normalpage_container {
  margin-bottom: revert !important;
}

#ctl00_divContentPanelSection {
  width: -webkit-fill-available;
}
.control-label {
  margin-right: 10px !important;
  width: fit-content !important;
  padding: 0 !important;
  margin-bottom: revert !important;
  min-width: 130px;
  text-align: right !important;
  margin-top: 10px;
}
#ctl00_ddLanguage {
  position: static !important;
}

#ctl00_masterPageMenuPanelSection {
  display: contents !important;
}

#ctl00_masterPageMenuPanelTable table {
  border-radius: 5px !important;
  border-spacing: 0 !important;
  background-color: white;
  box-shadow: 5px 5px 35px -14px rgba(0, 0, 0, 0.17);
}

.masterpage-menutable-headerrow {
  height: 30px;
  margin: 0px !important;
  background-color: var(--p-btn-bg-color) !important;
  padding: 3px 0px !important;
}

tr:has(.masterpage-menutable-row) {
  display: block !important;
  margin: 5px 0px !important;
}

#ctl00_HelpDeskClientMenu2Table {
  margin-top: 10px !important;
}

#ctl00_masterPageMenuPanelTableR02 {
  margin: 0px !important;
}

tbody tr:last-of-type {
  margin-bottom: 10px !important;
}

#subPageUserInfoR00C00Table tbody {
  border: none !important;
  display: block;
  border-collapse: separate !important;
  border-radius: 0px !important;
  padding-bottom: 5px !important;
  border-spacing: 0px !important;
  border: 1px solid #dddddd !important;
}

#subPageUserInfoR00C00TableR00 {
  border-radius: 0px !important;
  text-align: center !important;
  background-color: var(--button-bordered-bg) !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #dddddd !important;
}

#ctl00_HelpDeskClientMenu2Table tr:first-of-type td,
#ctl00_HelpDeskClientMenu1Table tr:first-of-type td {
  border: none !important;
}

#ctl00_HelpDeskClientMenu2Table tr td,
#ctl00_HelpDeskClientMenu1Table tr td {
  border: 1px solid white;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
#ctl00_HelpDeskClientMenu2Table tr td:has(a[class="fp-hdc-selectedmenu"]) {
  border-right-color: rgba(0, 0, 0, 0.01) !important;
}

#subPageUserInfoR00C00Table tr td {
  border: none !important;
  border-radius: 0px !important;
}

#subPageUserInfoR00C00Table tr:last-of-type td:first-of-type {
  border-bottom-width: 1px !important;
  border-radius: 0px 0px 0px 5px !important;
}

#subPageUserInfoR00C00Table tr:last-of-type td:last-of-type {
  border-bottom-width: 1px !important;
  border-radius: 0px 0px 5px 0px !important;
}

td:has(#ctl00_ContentPlaceHolder1_labHeadingStep) {
  padding: 0px !important;
  margin: 10px 0px 5px 0px !important;
}

.helpdeskclient-subpage {
  padding: 0px 10px !important;
}

#subPage {
  border-spacing: 0px !important;
}

.fastpass-helpdeskclient-introduction {
  min-height: fit-content !important;
}
#subPageContentR00C00TableR01C00,
#subPageContentR00C00Table00R01C00 {
  padding: 0px 5px !important;
}

.alert-introduction-step,
.alert-introduction-text {
  text-align: center !important;
}

#ctl00_ContentPlaceHolder1_divMessageBoxFastPass[aria-hidden="false"] {
  display: block !important;
  border: 1px solid rgb(224, 184, 183);
  padding-top: 10px;
  color: #842029;
  background-color: #f8d7da;
  position: relative;
  padding: 1rem 1rem;
  margin: 0.5rem;
  border-radius: 0.25rem;
}

.form-group:has(.control-value) .control-label {
  margin-top: 0px !important;
}

.control-value {
  padding-top: 0px !important;
  padding-left: 12px !important;
}

table#subPageUserInfoR00C00Table,
table#subPageContentR20C00Table {
  border: none !important;
  border-spacing: 0px !important;
}

tr#subPageUserInfoR00C00TableR00 {
  height: 25px;
  padding: 5px !important;
  display: flex;
  justify-content: center;
}

.grid-view tr.header {
  background-color: var(--button-bordered-bg) !important;
  border-bottom: 1px solid #dddddd;
}

#subPageContentR00C00TableR03C00TableR00 {
  background: var(--button-bordered-img-bg-gradient) !important;
  border: none !important;
}

#dvContainer td {
  width: 50%;
}

#dvContainer tr:has(select) td:first-of-type {
  width: 30% !important;
}

#dvContainer tr:has(select) td:last-of-type {
  width: 70% !important;
}

/* ? --- loading Spinner (Not Needed if you want to use stock version delete everything in the block) --- */

.spin::after,
.spin::before {
  all: revert !important;
}

.spin {
  border-color: transparent !important;
  color: white;
  font-size: 80px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  animation: mltShdSpin 2s infinite ease, round 2s infinite ease;
  top: 50%;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ? ----------------------------------- Primary Button ------------------------------------------------- */

.btn-primary {
  background-color: var(--p-btn-bg-color);
  color: var(--btn-hover-color);
  border-color: transparent !important;
  border-radius: 5px;
  transition: all 0.3s;
}

.btn-primary:hover {
  color: white;
  background-color: var(--p-btn-bg-color);
}


.btn-primary:focus {
  box-shadow: none !important;
  background-color: var(--p-btn-bg-color);
  border-color: var(--p-btn-bg-color);
  border-radius: 4px;
  border-width: 2px;
}

.btn-primary:active:focus {
  box-shadow: none !Important;
}
.btn-primary:disabled {
  background-color: var(--p-btn-bg-color);
  border-color: var(--p-btn-bg-color);
  border-radius: 4px;
  border-width: 2px;
}

/* ? ----------------------------------- Secondary Button ----------------------------------------------- */

.btn-default {
  fill: var(--p-btn-bg-color);
  color: var(--p-btn-bg-color);
  border-color: var(--p-btn-bg-color);
  background-color: #ffffff;
  border-radius: 4px;
  border-width: 2px;
  transition: all 0.3s;
}

.btn-default:hover {
  color: var(--p-btn-bg-color);
  background-color: white;
}

.btn-default:focus {
  box-shadow: none !important;
  border-color: var(--p-btn-bg-color);
  background-color: var(--p-btn-bg-color);
  border-radius: 4px;
  border-width: 2px;
}

.btn-default:active:focus {
  box-shadow: none !important;
}

/* ? ----------------------------------- Span & p tags -------------------------------------------------- */

span:empty {
  display: none !important;
}

/* ? ----------------------------------- Inputs --------------------------------------------------------- */

input[id*="tbox"], input[id*="_txtPrimaryMobileNumber"] {
  max-width: 200px !important;
  width: 100% !important;
  background-color: white !important;
  border: 2px solid #dbdcdd;
  border-radius: 6px !important;
  padding: 10px 15px;
  line-height: 1.2;
  box-shadow: none !important;
  height: 16px !important;
}

textarea {
  max-width: 200px !important;
  width: 100% !important;
  background-color: white !important;
  border: 2px solid #dbdcdd;
  border-radius: 6px !important;
  line-height: 1.2;
  padding: 10px 15px;
  box-shadow: none !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--button-bordered-bg) inset;
  transition: background-color 5000s ease-in-out 0s;
}

textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.1);
}

input[id*="tbox"]:-webkit-autofill {
  -webkit-text-fill-color: var(--detail-font-color) !important;
}


[id*="chkbox"]:checked {
  background-color: var(--p-btn-bg-color);
}

.form-control:focus {
  border-color: #dbdcdd !important;
}

/* ? ----------------------------------- Header --------------------------------------------------------- */

/* info HEader will appear on all pages  */

#mainPageContainer {
  padding: 15px 20px;
  background-color: white;
  border-radius: 8px;
}

#ctl00_blddLanguage {
  position: static;
}

#ctl00_masterpage__pageheader__center,
div.masterpage-language-innerdiv,
#mainPageContainer {
  margin-top: 10px;
}

.masterpage-header-center-inner {
  padding: 0px;
}

.masterpage-language-innerdiv {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 900px;
  padding: 0px;
  text-align: right;
  vertical-align: top;
  height: 35px;
  position: absolute;
  top: -42px;
  right: 10px;
  z-index: 100;
}

#ctl00_masterpage__pageheader__center {
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 8px;
  padding: 20px 12px;
  box-shadow: 5px 5px 35px -14px rgba(0, 0, 0, 0.17);
}

#masterpage__organizationlogo {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  padding-left: 20px;
}

.masterpage__headertitle {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: center;
  width: fit-content;
  text-align: end;
  padding-right: 50px;
}

#mainPageContainer {
  position: static;
}

#masterpage__applicationtitle {
  margin-bottom: 5px;
}
.masterpage-main-inner-top {
  /* info if hidden row content is shown just comment display out */
  display: none;
}

.content__heading {
  /* info if hidden row content is shown just comment display out */
  display: none;
}

#divLanguageLabel {
  /* info if hidden row content is shown just comment display out */
  display: none;
}

/* ? ----------------------------------- Identify User -------------------------------------------------- */

.masterpage-main-inner {
  padding: 10px !important;
  background-color: white;
  border-radius: 8px;
  margin-left: 10px;
  box-shadow: 5px 5px 35px -14px rgba(0, 0, 0, 0.17);
}

form[action="./IdentifyUser.aspx"] #ctl00_HelpDeskClientMenu1TableR03C01::after,
form[action="./AuthenticatePassword.aspx"]
  #ctl00_HelpDeskClientMenu1TableR03C01::after {
  height: 3px;
  bottom: -1px;
  background: transparent !important;
  content: "";
  display: block;
  transition: all 0.3s linear;
  left: 0;
  right: auto;
  width: 100%;
}

form[action="./AuthenticatePassword.aspx"] {
  .col-md-3.control-label.text-start.text-md-end {
    margin: 0px;
    width: 45% !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .mb-3 {
    margin-bottom: 5px !important;
  }
}
form[action="./HDC_IdentifyClientUser.aspx"] {
  .controlsarrangement {
    display: flex;
    flex-direction: column;
  }
  #ctl00_ContentPlaceHolder1_divIntroduction {
    display: flex;
    justify-content: center;
  }
}

.row.mb-3.control-button-area {
  margin-bottom: 0px !important;
}

form[action="./HDC_IdentifyClientUser.aspx"] {
  #masterPageLogo-Small {
    display: none;
  }

  .masterpage__headertitle {
    width: 100%;
  }
  #ctl00_labelApplicationTitle {
    font-size: 18px !important;
  }
  #ctl00_ContentPlaceHolder1_labClientUserId {
    font-size: 14px;
  }
}

form[action="./HDC_ViewUserDetails.aspx"], 
form[action="./HDC_ViewEnrollmentData.aspx"],  
form[action="./HDC_ViewAuditEvents.aspx"],  
form[action="./HDC_AssignHelpDeskPin.aspx"],  
form[action="./HDC_ResetPassword.aspx"],  
form[action="./HDC_UnlockADAccount.aspx"],  
form[action="./HDC_UnlockPMAccount.aspx"],
form[action="./HDC_IdentifyClientUser.aspx"]  {
  #masterPageLogo-Small {
    display: none;
  }

  .masterpage__headertitle {
    width: 100%;
  }
  #ctl00_labelApplicationTitle {
    font-size: 18px !important;
  }
  #ctl00_labelSolutionTitle {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  #ctl00_HelpDeskClientMenu1Table, #ctl00_HelpDeskClientMenu2Table {
    font-size: 14px !important;
  }
  #subPage, #ctl00_HelpDeskClientMenu1Table {
    font-size: 14px !important;
  }
}

.masterpage-main-inner:has(
    #masterpageMainInnerContent:has(#helpdeskclient__subpage)
  ) {
  height: 467px !important;
}

#masterpageMainInnerContent:has(#helpdeskclient__subpage) {
  height: auto !important;
  max-height: 700px !important;
  overflow-x: hidden;
  padding-bottom: 10px;
}

#ctl00_ContentPlaceHolder1_subPageR12 .col-sm-9 {
  max-width: 250px;
  width: 100% !important;
}

#ctl00_ContentPlaceHolder1_divIntroductionTextPanelCell {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}

#subPageHiddenRow[style*="visibility: hidden"],
#ctl00_ContentPlaceHolder1_RequiredFieldValidator1[style*="visibility:hidden"] {
  display: none;
}

.control-button-area .control-label {
  display: none;
}

.control-button-area {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: end;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}

#divMessageBoxBootstrapInlineButtonRow {
  margin: 0px !important;
}

.alert-danger {
  min-width: -webkit-fill-available !important;
  min-height: revert !important;
}

.controlsarrangement:has(
    #ctl00_ContentPlaceHolder1_divMessageBoxBootstrapInline[style="display:list-item;"]
  ) {
  height: auto !important;
  max-height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#masterpageMain
  div
  .masterpage-main-inner
  #masterpageMainInnerContent
  .controlsarrangement:has(
    #ctl00_ContentPlaceHolder1_divMessageBoxBootstrapInline[style="display:list-item;"]
  ) {
  height: 447px;
}

#divMessageBoxBootstrapInlineButtonRow {
  display: block;
  padding-top: revert;
  margin-top: 0px;
  padding: 0rem 0.5rem 0.5rem 0.5rem !important;
}

#ctl00_ContentPlaceHolder1_labCaptchaValidationMsg {
  display: block;
  width: 380px;
}

.fade:not(.show) {
  opacity: 100%;
}

[class="form-group row"],
[class="form-group row "],
#ctl00_ContentPlaceHolder1_subPageR10,
#ctl00_ContentPlaceHolder1_subPageR12 {
  display: flex !important;
  margin-top: 10px;
  padding-left: 63.5px;
}

/* ? ----------------------------------- HDC_Identify Client User --------------------------------------- */

form[action="./HDC_IdentifyClientUser.aspx"]
  #ctl00_HelpDeskClientMenu1TableR02C01::after {
  height: 3px;
  bottom: -1px;
  background: transparent !important;
  content: "";
  display: block;
  transition: all 0.3s linear;
  left: 0;
  right: auto;
  width: 100%;
}

/* * Tables */

table {
  width: -webkit-fill-available !important;
  min-width: revert !important;
}

#subPageHeaderR01 {
  display: flex;
  justify-content: center;
}

#dvDetailsUserInfo input {
  height: 40px !important;
  background: var(--button-bordered-bg) !important;
  padding: 0px 5px !important;
  transition: all 0.3s linear;
  border-radius: 4px 4px 0px 0px;
}

#dvDetailsUserInfo {
  display: flex !important;
  width: 624px !important;
  justify-content: space-between;
  flex-wrap: wrap;
}
#dvDetailsUserInfo input:hover {
  background-color: var(--p-btn-bg-color) !important;
  color: var(--btn-hover-color) !important;
}

#dvContainer table {
  overflow: scroll !important;
}

#dvDetailsUserInfo:has(#dvStatusInformation[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnStatusInformation,
#dvDetailsUserInfo:has(#dvContactInformation[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnContactInformation,
#dvDetailsUserInfo:has(#dvAccountInformation[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnAccountInformation,
#dvDetailsUserInfo:has(#dvGroupInformation[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnGroupInformation,
#dvDetailsUserInfo:has(#dvLinkedAccounts[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnLinkedAccounts,
#dvDetailsUserInfo:has(#dvOrganizationInformation[style*="display: inline;"])
  #ctl00_ContentPlaceHolder1_nbbtnOrganizationInformation {
  background-color: var(--p-btn-bg-color) !important;
  color: var(--btn-hover-color) !important;
}

#dvContainer {
  border : 1px solid #dddddd !important;
  height: fit-content !important;
  width: 624px !important;
  border-radius: 0px 0px 4px 4px !important;
}

#ctl00_masterpage__content[style="width: 752px;"] {
  width: revert !important;
}

#masterPageSpacer {
  height: auto !important;
  overflow: auto !important;
}
.helpdeskclient-subpage {
  border-color: transparent !important;
  min-height: revert !important;
}

#masterpageMainInnerContent {
  border-radius: 5px;
  height: -webkit-fill-available;
  overflow: hidden;
}

.masterpage-menutable-row {
  min-width: 190px;
}

.masterpage-menutable-row a:link {
  text-decoration: none;
  color: var(--detail-font-color);
  width: -webkit-fill-available !important;
}

.masterpage-menutable-row {
  padding: 6px 4px 6px 10px;
}

/* .masterpage-menutable-row:hover:after {
  left: 0;
  right: auto;
  width: 100%;
} */

/* .masterpage-menutable-row:after {
  height: 3px;
  width: 0;
  bottom: -1px;
  right: 0;
  background: var(--p-btn-bg-color);
  content: "";
  display: block;
  transition: all 0.3s linear;
} */

/* .masterpage-menutable-row:hover a {
  color: black;
} */

.fp-hdc-selectedmenu {
  background-color: transparent !important;
}

.masterpage-menutable-row:has(a[class="fp-hdc-selectedmenu"])::after {
  height: 3px;
  bottom: -1px;
  background: transparent !important;
  content: "";
  display: block;
  transition: all 0.3s linear;
  left: 0;
  right: auto;
  width: 100%;
}
a[class="fp-hdc-selectedmenu"]:link {
  color: var(--p-btn-bg-color) !important;
  font-weight: 600;
} 

td:has(img[id="imgbutShowDetails"]) {
  align-content: center !important;
}

#imgbutShowDetails {
  width: 30px !important;
  height: 30px !important;
}

td {
  border-spacing: 4px !important;
}

.fastpass-helpdeskclient-gridview-paging span,
.fastpass-helpdeskclient-gridview-paging a {
  border-radius: 15px !important;
  display: flex !important;
  justify-content: center !important;
  padding: 2px !important;
  width: 20px !important;
  align-items: center;
  line-height: 1 !important;
}

.fastpass-helpdeskclient-gridview-paging span {
  background-color: var(--p-btn-bg-color) !important;
  border: transparent !important;
  align-items: center !important;
}

.fastpass-helpdeskclient-gridview-paging table {
  display: flex;
  justify-content: center;
}

.fastpass-helpdeskclient-gridview-paging
  table
  td:nth-of-type(6)
  a[href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$6')"],
.fastpass-helpdeskclient-gridview-paging
  table
  td:nth-of-type(1)
  a:not(
    [href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Page$1')"]
  ),
.fastpass-helpdeskclient-gridview-paging table td:nth-of-type(7) a {
  all: revert !important;
  text-decoration: none !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: var(--table-menu-header-bg-color) !important;
}

#ctl00_ContentPlaceHolder1_listboxGroupList,
#ctl00_ContentPlaceHolder1_listboxAccountList {
  height: auto !important;
}

#subPageContentR00C00TableR02C00TableR01 td,
#subPageContentR00C00TableR03C00TableR01 td {
  width: 50% !important;
  padding-top: 6px !important;
}

#dvContainer div table {
  margin-top: revert !important;
}

tr#subPageContentR20C00TableR00 {
  background: white !important;
  border-radius: 5px 5px 0px 0px !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.grid-view a:hover {
  color: black !important;
}

tr#subPageContentR20C00TableR00 td {
  color: var(--detail-font-color) !important;
  font-size: 0.875em !important;
}

#ctl00_ContentPlaceHolder1_GridView1 tr td,
#ctl00_ContentPlaceHolder1_GridView1 tr th {
  border: none !important;
}

/* #ctl00_ContentPlaceHolder1_GridView1 tr {
  border: none !important;
} */

.grid-footer-div .btn-default {
  border-color: var(--p-btn-bg-color);
  color: var(--p-btn-bg-color);
  background-color: 0px;
}

.grid-footer-div .btn-default:hover {
  filter: brightness(95%);
}

.grid-footer-div .btn-default:focus {
  filter: brightness(95%);
}

.grid-footer-div .btn-default:active:focus {
  box-shadow: var(--table-btn-box-shadow);
}

.grid-footer-div .btn:disabled {
  opacity: 0.3 !important;
}

.fastpass-helpdeskclient-gridview-paging {
  background-color: white !important;
}

.fastpass-helpdeskclient-gridview-paging td > table {
  background-color: white !important;
}

.grid-footer-div {
  border-color: transparent !important;
  background-color: white !important;
}

td#subPageContentR20C00TableR03C00 {
  border-color: transparent !important;
}

tr#subPageContentR20C00TableR02 {
  background-color: transparent !important;
}

td#subPageContentR20C00TableR03C00 {
  background-color: white !important;
  border-top: transparent !important;
}

.fastpass-helpdeskclient-gridview-paging td[colspan="5"] {
  border: transparent !important;
}

th {
  font-family: var(--font-family);
}

td#subPageCommandsR00C00TableR01C00, .fastpass-helpdeskclient-button {
  padding-top: 15px !important;
  display: flex;
  justify-content: flex-end;
}

#subPageContentR10C00 {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}

td#subPageCommandsR00C00TableR01C00 input:last-child {
  margin-left: 10px !important;
}

#ctl00_ContentPlaceHolder1_btnAssignAndView, #ctl00_ContentPlaceHolder1_btnResetAndView {
  margin-right: 10px !important;
}

#subPageCommandsR00C00 {
  display: flex;
  justify-content: flex-end;
}

#subPageHeaderR01C00:has(#ctl00_ContentPlaceHolder1_labHeadingStep) {
  margin-bottom: 25px !important;
}

select#listboxGroupList, select#ctl00_ContentPlaceHolder1_listboxGroupList, select#listboxAccountList, select#ctl00_ContentPlaceHolder1_listboxAccountList {
  width: 100% !important;
}

td:has(#ctl00_ContentPlaceHolder1_listboxAccountList), td:has(#ctl00_ContentPlaceHolder1_listboxGroupList) {
  padding-right: 15px !important;
}

#ctl00_masterpage__pageheader__center {
  max-width: 876px !important;
  min-width: 876px !important;
}

.control-label-colon {
  display: none !important;
}

/* ? ----------------------------------- Icons/Images --------------------------------------------------- */

#ctl00_BlockingLayer::after {
  font-family: "bootstrap-icons";
  content: " \f659";
  font-size: 25px;
  color: #ff00006b;
  font-weight: bold;
  position: absolute;
  right: 7.2px;
  top: 2px;
  line-height: 35px;
}

#butBlockingLayerCancel {
  border-radius: 20px;
  background-color: rgb(255 255 255 / 21%);
  color: transparent !important;
}

#butBlockingLayerCancel:focus {
  box-shadow: none !important;
}

.lang-Select {
  position: relative;
  font-family: Arial;
}

.custom-select select,
.lang-Select select {
  display: none;
}

.lang-Select-Selected {
  background-color: white !important;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  width: 180px;
}

.lang-Items div,
.lang-Select-Selected {
  color: var(--detail-font-color);
  padding: 8px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: justify;
}

.lang-Items {
  position: absolute;
  background-color: white;
  top: 100%;
  right: 0;
  z-index: 99;
  overflow: auto;
  max-height: 300px;
  margin-top: 5px;
  padding: 10px;
  min-width: 180px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.lang-Items .lang-Selected {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  pointer-events: none;
}

.lang-Items::-webkit-scrollbar {
  display: none !important;
}

.lang-Select-Hide,
.select-hide {
  display: none;
}

.lang-Items div:hover,
.lang-same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.shortened-language {
  display: none;
}

#ctl00_ContentPlaceHolder1_labIntroduction {
  padding-bottom: 25px !important;
}


table#subPageUserInfoR00C00Table {
  width: 100%;
  min-width: 642px;
  max-width: 628px !important;
}

table#subPage {
  width: 628px;
}

#masterpageMainInnerContent {
  width: 656px !important;
}

.masterpage-main-inner {
  margin-top: 3px !important;
}

/* ? (t) IVM Browser valiidation modal CSS Start */

#unsupportedModal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  color: var(--font-color);
  font-size: 18px !important;
  text-align: center;
}

h2 {
  font-size: 20px !important;
}

.custom-modal-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  max-width: 760px;
  margin: 0 auto;
  p {
    font-size: 16px !important;
    color: var(--detail-font-color);
  }
}

.custom-modal-button {
  background-color: var(--p-btn-bg-color);
  color: white;
  border: none;
  padding: 15px 32px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 20px;
  transition: background-color 0.3s;
}

.custom-modal-image-container {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px;

  .custom-modal-image-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 95px;
    p{
      font-size: 14px;
      padding: 5px 0px;
      color: var(--detail-font-color);
    }
    p:hover{
      text-decoration: underline;
      cursor: pointer;
      color: #007BFF;
    }
    img {
      width: 55px;
      max-Height: 55px;
    }
  }
}

/* ? (t) IVM Browser valiidation modal End */

.captcha-imagespacer{
  img{
    width: 200px !important;
  }
}



#ctl00_ButHelpDeskClientMenuViewUserDetails{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\1f464" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 16px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuViewEnrollmentData{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\1f441" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 14px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuViewAuditEvents{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\f0ae" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 15px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuAssignHelpDeskPin{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\f04e" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 15px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuResetPassword{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\f0e2" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 15px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuUnlockADAccount{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\e4da" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 15px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}
#ctl00_ButHelpDeskClientMenuUnlockPMAccount{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\1f310" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 15px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}

#ctl00_ButHelpDeskClientMenuHome{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\f80b" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 14px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}

#ctl00_ButHelpDeskClientMenuLogout{
  padding-left: 30px;
  &::Before{
    font-family: 'FontAwesome';
    content: "\f08b" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 16px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}

#ctl00_HelpDeskClientMenu2TableR03, #ctl00_HelpDeskClientMenu2TableR04, #ctl00_HelpDeskClientMenu2TableR05, #ctl00_HelpDeskClientMenu2TableR07, #ctl00_HelpDeskClientMenu2TableR08, #ctl00_HelpDeskClientMenu2TableR09, #ctl00_HelpDeskClientMenu2TableR10, #ctl00_HelpDeskClientMenu1TableR04, #ctl00_HelpDeskClientMenu1TableR02 {
   &:hover{
    background-color: rgba(235, 232, 232, 0.76) !important;
    border-radius: 5px !important;
   }
}

#ctl00_ButHelpDeskClientMenuLogin{
    padding-left: 30px;
  &::Before{
    font-family: 'Custom';
    content: "\e902" !important;
    width: 20px;
    color: var(--font-color);
    padding-right: 10px;
    padding-left: 5px;
    position: absolute;
    left: 16px;
  }
  &.fp-hdc-selectedmenu::before{
    color: var(--p-btn-bg-color) !important;
  }
}


#subPageContentR00C00TableR00C00 {
  user-select: all !important;
}

form[action="./HDC_ViewAuditEvents.aspx"]{
 #masterpageMainInnerContent:has(#helpdeskclient__subpage){
    overflow-y:scroll;
 }
}

form[action="./HDC_ViewEnrollmentData.aspx"]{
 #masterpageMainInnerContent:has(#helpdeskclient__subpage){
    overflow-y:scroll;
 }
 #subPageHeaderR01 {
  width: 619px;
 }

 #subPageContentR00C00Table01R00C00{
  padding: 0px !important;
 }
}

.fastpass-helpdeskclient-introduction {
  width: 619px !important;
}

.tablecontainercustom {
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    border: 1px solid #dddddd !important;
}

#subPageContentR20C00TableR00C00 {
  min-width: 300px !important;
}
#subPageContentR20C00TableR00C01 {
  width: 100% !important;   
}

#subPageContentR00C00Table01R00 {
  background-color: transparent !important;
}

#ctl00_ContentPlaceHolder1_supPageContentRepeater_ctl00_labInfoKeyword, #ctl00_ContentPlaceHolder1_supPageContentRepeater_ctl01_labInfoKeyword, #ctl00_ContentPlaceHolder1_supPageContentRepeater_ctl02_labInfoKeyword, #ctl00_ContentPlaceHolder1_supPageContentRepeater_ctl03_labInfoKeyword{
  color: var(--font-color) !important; 
  background-color: var(--button-bordered-bg) !important;
  border: 1px solid #dddddd !important;
  display: block;
  width: 614px;
  padding: 5px 0px 5px 5px;
  font-weight: 400;
}

.fp-hdc-viewenrollmentdata-challengeresponse-text {
  border-radius: 4px;
  border: 1px solid;
}

.fp-hdc-viewenrollmentdata-challengeresponse-value {
  margin-right: 7px;
}

.fp-hdc-viewenrollmentdata-challengeresponse {
  display: flex;
  align-items: center;
}

.fp-hdc-viewenrollmentdata-challengeresponse-button {
  font-size: small !important;
}

.fp-hdc-viewenrollmentdata-top-spacer{
  .fp-hdc-viewenrollmentdata-spacer{
    display: none !important;
  }
}

#subPageContentR00C00Table01R01C00 {
  padding: 5px 0px 5px 10px !important;
}

form[action="./HDC_IdentifyClientUser.aspx"] {
  #ctl00_ContentPlaceHolder1_divMessageBoxBootstrap {
    display: none !important;
  }
  .messagebox-fastpass-MessageCell {
    width: fit-content;
    padding-left: 20px;
  }
}
/* ? (t) Help Desk Custom CSS Start */



/* ? (t) Help Desk Custom CSS End */

/* (Important) - Please don't add anything below this! */